import Vue from 'vue'
import Vuex from 'vuex'
// 引入腾讯地图jssdk文件
import  QQMapWX from "../static/js/qqmap-wx-jssdk.min.js"
// 引入api接口
import {getInTheaters} from "../apis"

Vue.use(Vuex)

export default new Vuex.Store ({
	state: {
		// 默认城市
		city: '北京市',
		//正在上映
		nowPlayingList: {}
	},
	mutations:{

	},
	actions: {
		getCity(context) {
			uni.showLoading({
				title: '加载中'
			})
			// 向用户发起授权请求
			uni.authorize({
				scope: "scope.userLocation",
				success(){
					// 引入腾讯地图api
					// 实例化API核心类
					let qqmapsdk = new QQMapWX({
					     key: 'GFHBZ-JU3CD-NEJ4S-PT3J2-JGFH6-7DBOX'
					 });
					//获取位置信息
					uni.getLocation({
					    type: 'gcj02',
					    success: function (res) {
					        // console.log('当前位置的经度：' + res.longitude)
					        // console.log('当前位置的纬度：' + res.latitude)
							// 逆地址解析方法
							qqmapsdk.reverseGeocoder({
								location: {
									latitude: res.latitude,
									longitude: res.longitude
								},
								success(res) {								
									context.state.city = res.result.address_component.city
									getInTheaters ({
										start: "0",
										count: "8",
										city: context.state.city
									}).then(res=>{
										let  [error, data]  = res;
										context.state.nowPlayingList=data.data;
										uni.hideLoading()
									})	
								}
							})	
					    }
					})
				},
				fail(res){
					uni.showToast({
						icon :"none",
					    title: '注意：需要获取您的定位授权,否则部分功能将无法使用',
					    duration: 2000
					})
				}
			})
		}
	}
})